<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:t="http://myfaces.apache.org/tomahawk">
    
    <head>
		<title>
			<h:outputText value="#{bundle.tituloAplicacao}" /> 
		</title>
		<link rel="shortcut icon" href="/#{bundle.pathAplicacao}/_imgs/ico-gm.gif" />
		<link rel="stylesheet" type="text/css" href="/#{bundle.pathAplicacao}/css/reset.css" />
		<link rel="stylesheet" type="text/css" href="/#{bundle.pathAplicacao}/css/estilo.css" />
	</head>
    
    <body>
    	<div id="Login-geral">
		    <div id="Side-a">
		   	  <h1>GearMan - Conciliador de Transações Eletrônicas</h1>
		        <span id="Marcador-top"></span>
		        <div id="Login">
				  <a4j:outputPanel  ajaxRendered="true">
					 <h:messages layout="table" warnClass="msgWarm" errorClass="msgError" infoClass="msgInfo" id="messages"/>
				  </a4j:outputPanel>
		          <a4j:form id="formulario"> 
		            <a4j:loadScript src="/script/jquery.maskedinput-1.2.2.js" />
				    <a4j:loadScript src="/script/jquery.price_format.1.2.js" />
				    <a4j:loadScript src="/script/util.js" />
		           	<p class="campos-form">
		           	  	<label for="cnpj">CNPJ:</label>
		           	  	<h:inputText value="#{loginBean.usuarioVo.cnpj}" maxlength="18" onkeypress="soNumero(this);" onkeyup="formataCNPJ(this,event);" onblur="completaCNPJ(this);"/>
		       	    </p>
		            <p class="campos-form">
		           	  	<label for="usuario">Usuário:</label>
		           	  	<h:inputText value="#{loginBean.usuarioVo.login}" onkeyup="maiuscula3(this);"/>
		       	    </p>
		            <p class="campos-form">
		       	  	  <label for="senha">Senha:</label>
		       	  	  	<h:inputSecret  value="#{loginBean.usuarioVo.senha}"/>
		       	    </p>
		           	<p Id="Btn-entrar">
		           		<h:commandButton  type="submit" image="/imagens/btn_entrar.gif" action="#{loginBean.logar}"/>
		           	</p>
		          </a4j:form>
		        </div>
		        <span id="Marcador-bottom"></span>
		        <h2>Um Produto da BR Consultoria</h2>
		    </div>
		    <div id="Side-b">
		    	<div id="Noticias">
		    		<h3>Noticias</h3>
		            <p class="text"><em>06/09/2010</em><span>O GearMan on-line permite aos estabelecimentos acompanhar suas movimentações financeira com os cartões das bandeiras: Visa, MasterCard, HiperCard e AMEX.</span></p>
		            <p class="text"><em>06/09/2010</em><span>Novas regras para cartões entram em vigor. O setor de cartões de crédito entra em uma nova fase no Brasil. As máquinas de cartões nas lojas passam a aceitar, a partir de agora, cartões de qualquer bandeira. A mudança era aguardada há anos pelo mercado. "Daremos início a Lei Áurea do Varejo", disse o presidente da Confederação Nacional dos Dirigentes Lojistas (CNDL), Roque Pellizzaro Junior. Ainda que esse seja apenas o primeiro passo no caminho de desenvolvimento do setor, lojistas e consumidores devem sair ganhando, segundo especialistas. O lojista vai economizar porque poderá ter um só terminal. Até agora, para aceitar cartões da Mastercard e da Visa, teria de pagar duas máquinas.</span></p>
		    	</div>
		        <div id="Atualizacoes">
		    	</div>
		    </div>
		</div>
	</body>
</ui:composition>